{* Template Name:首页及列表页 *}
<!DOCTYPE html>
<html>
<head>
    {template:header}
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
						{$zbp->Config('Long')->weibonet}
                <a href="{$host}" class="header-logo" id="logo">
					<img src="{$host}zb_users/theme/{$theme}/style/images/logo.png" alt="" srcset="" style="width:32px;height:32px;">
				</a>
                <nav class="nav" id="nav">
                    <ul>
										{module:navbar}
										</ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
      <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		          <article class="article-list bloglist" id="LAY_bloglist" >
								{foreach $articles as $article}
									<section class="article-item zoomIn article">  
										{if $article.TopType}
											<div class="fc-flag">置顶</div>
										{/if}    
										<h5 class="title">             
											<a href="{$article.Url}">{$article.Title}</a>   
										</h5>   
										<div class="time"> 
											<span class="day">{$article.time("d")}</span>       
											<span class="month fs-18">{$article.time("m")}<span class="fs-14">月</span></span>       
											<span class="year fs-18 ml10">{$article.time("Y")}</span>   
										</div>   
										<div class="content">       
											<a href="{$article.Url}" class="cover img-light">           
												<img src="{Long_firstimg($article)}" alt="">
											</a>
											{php}$intro= preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Intro,'[nohtml]'),200)).'...');{/php}{$intro}
										</div>   
										<div class="read-more">       
											<a href="{$article.Url}" class="fc-black f-fwb">继续阅读</a>   
										</div>    
										<aside class="f-oh footer">       
											<div class="f-fl tags">                      
												标签：<a class="tag">{$article.Category.Name}</a>       
											</div>       
											<div class="f-fr">           
												<span class="read">               
													<i class="fa fa-eye fs-16"></i>               
													<i class="num">章节字数：{php}
															$diycontent=trim(TransferHTML($article->Content,'[nohtml]')); //先过滤一下html标签
															echo iconv_strlen($diycontent, 'utf-8'); //统计字数 iconv
														{/php}
													</i>           
												</span>  
												<span class="read" style="margin-left:20px">               
													<i class="fa fa-eye fs-16"></i>               
													<i class="num">查看数：{$article.ViewNums}</i>           
												</span>           
												<span class="ml20">               
													<i class="fa fa-comments fs-16"></i>               
													<a href="javascript:void(0)" class="num fc-grey">评论数：{$article.CommNums}</a>           
												</span>       
											</div>   
										</aside>
									</section>
								{/foreach}
		        	</article>
		        </div>
						{if $pagebar}
						<div class="pageBar">
							<nav id="pagi">
							{foreach $pagebar.buttons as $k=>$v}
								{if $pagebar.PageNow==$k}
								<b class="zit">{$k}</b>
								{else}
								<a href="{$v}">{$k}</a>
								{/if}
							{/foreach}
							</nav>
						</div>
						{/if}
		    </div>
		    <div class="col-other">
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item" id="categoryandsearch">
					    <h5 class="other-item-title">热门文章</h5>
					    <div class="inner">
									{$updates = $zbp->GetArticleList('*', array(array('=', 'log_Type', 0), array('=', 'log_Status', 0)), array('log_PostTime' => 'DESC'), 6, null,false);}
									<ul  class="hot-list-article">
									{foreach $updates as $article}
										<li>
											<a href="{$article.Url}" title="{$article.Title}" target="_blank">{$article.Title}
											</a>
										</li>
									{/foreach}
									</ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">置顶推荐</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
									{foreach $articles as $article}
									{if $article.IsTop}
									<li> <a href="{$article.Url}">{$article.Title}</a></li>
									{/if}
									{/foreach}
					        </ul>
					    </div>
					</div>
					<div class="other-item other-item-zblog" style="background:none">
						{template:sidebar}
					</div>
		    </div>
		</div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                   {template:footer}
                </div>
            </div>
        </div>
    </footer>

<script src="{$host}zb_users/theme/{$theme}/script/yss/gloable.js"></script>
<script src="{$host}zb_users/theme/{$theme}/script/plugins/nprogress.js"></script>
<script>NProgress.start();</script>
<script src="{$host}zb_users/theme/{$theme}/script/yss/article.js"></script>
<script> 
  window.onload = function () {
      NProgress.done();
  };
</script>
</body>
</html>
